<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>way3_desk</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/desk.css">
    <link rel="stylesheet" href="../css/way3_desk.css">
    <link rel="stylesheet" type="text/css" href="../css/ranking_list.css">
    <link rel="stylesheet" type="text/css" href="../css/award_info.css">

</head>
<body>
<div class="web is-master">
    <audio src="../media/bgm.mp3" autoplay loop></audio>
    <i class="iconfont music icon-music"></i>
    <i class="iconfont icon-shouye back-start"></i>

    <div class="way3-box">
        <div class="box clearfix">
            <!--主宾桌-->
            <div class="wrapper-big">
                <div class="center"><span>主宾桌</span></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
            </div>
            <!--第一桌-->
            <div class="wrapper zoom-in">
                <div class="center"><span>第<em>1</em>席</span></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
            </div>
            <!--添加-->
            <div class="wrapper wrapper-add">
                <div class="center"><i class="iconfont icon-jia1"></i></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
                <div class="circle"><i class="iconfont icon-yonghu"></i></div>
            </div>
        </div>
        <!--文字-->
        <div class="word">
            <p>目前已有<em class="number"></em>位宾客入席</p>
        </div>
        <!-----------弹窗---------------->
        <div id="way3-pop" class="back">
            <div class="pop_box">
                <div class="pop_up popshow">
                    <p>欢迎来到<em>小李</em>的囍宴</p>
                    <button id="go-ranking" class="btn btn_wth_327">我要入榜，<br>赢取999元现金贺礼</button>
                    <input id="see-ranking" class="btn btn_wth_327" type="button" value="查看囍宴排行榜"/>
                    <span class="close iconfont icon-cancel"></span>
                </div>
            </div>
        </div>
        <!-----------弹窗2---------------->
        <div id="way3-tips-pop" class="back hide">
            <div class="pop_box">
                <div class="pop_up">
                    <p>为Ta收集更多新婚祝福！</p>
                    <span class="close iconfont icon-cancel"></span>
                </div>
            </div>
        </div>
        <!-----------弹窗3---------------->
        <div id="dissatisfy-pop" class="back hide">
            <div class="pop_box">
                <div class="pop_up">
                    <p>当前席位坐满后才能添加哦</p>
                    <span class="close iconfont icon-cancel"></span>
                </div>
            </div>
        </div>
    </div>
    <div class="my-box">
        <div class="ranking_list">
            <div class="top text-btn">
                <p>获奖名单</p>
            </div>
            <div class="rank-box">
                <ul>
                    <li class="clearfix">
                        <div class="ranking fl">1
                            <span class="crown1 iconfont icon-huangguan"></span>
                        </div>
                        <div class="head_portrait fl"><img src="../img/touxiang1.png" alt=""></div>
                        <div class="name fl">xxx</div>
                        <div class="visitors fr"><span class="rank">30</span>位客宾</div>
                    </li>
                    <li class="clearfix">
                        <div class="ranking fl">2
                            <span class="crown2 iconfont icon-huangguan"></span>
                        </div>
                        <div class="head_portrait fl"><img src="../img/touxiang2.png" alt=""></div>
                        <div class="name fl">xxx</div>
                        <div class="visitors fr"><span class="rank">30</span>位客宾</div>
                    </li>
                    <li class="clearfix">
                        <div class="ranking fl">3
                            <span class="crown3 iconfont icon-huangguan"></span>
                        </div>
                        <div class="head_portrait fl"><img src="../img/touxiang3.png" alt=""></div>
                        <div class="name fl">xxx</div>
                        <div class="visitors fr"><span class="rank">30</span>位客宾</div>
                    </li>
                    <li class="clearfix">
                        <div class="ranking fl">4</div>
                        <div class="head_portrait fl"><img src="../img/touxiang1.png" alt=""></div>
                        <div class="name fl">xxx</div>
                        <div class="visitors fr"><span class="rank">30</span>位客宾</div>
                    </li>
                    <li class="clearfix">
                        <div class="ranking fl">5</div>
                        <div class="head_portrait fl"><img src="../img/touxiang1.png" alt=""></div>
                        <div class="name fl">xxx</div>
                        <div class="visitors fr"><span class="rank">30</span>位客宾</div>
                    </li>
                    <li class="clearfix">
                        <div class="ranking fl">6</div>
                        <div class="head_portrait fl"><img src="../img/touxiang1.png" alt=""></div>
                        <div class="name fl">xxx</div>
                        <div class="visitors fr"><span class="rank">30</span>位客宾</div>
                    </li>
                    <li class="clearfix">
                        <div class="ranking fl">7</div>
                        <div class="head_portrait fl"><img src="../img/touxiang1.png" alt=""></div>
                        <div class="name fl">xxx</div>
                        <div class="visitors fr"><span class="rank">30</span>位客宾</div>
                    </li>
                    <li class="clearfix">
                        <div class="ranking fl">8</div>
                        <div class="head_portrait fl"><img src="../img/touxiang1.png" alt=""></div>
                        <div class="name fl">xxx</div>
                        <div class="visitors fr">30位客宾</div>
                    </li>
                    <li class="clearfix">
                        <div class="ranking fl">9</div>
                        <div class="head_portrait fl"><img src="../img/touxiang1.png" alt=""></div>
                        <div class="name fl">xxx</div>
                        <div class="visitors fr"><span class="rank">30</span>位客宾</div>
                    </li>
                    <li class="clearfix">
                        <div class="ranking fl">10</div>
                        <div class="head_portrait fl"><img src="../img/touxiang1.png" alt=""></div>
                        <div class="name fl">xxx</div>
                        <div class="visitors fr"><span class="rank">30</span>位客宾</div>
                    </li>
                    <li class="clearfix">
                        <div class="ranking fl">11</div>
                        <div class="head_portrait fl"><img src="../img/touxiang1.png" alt=""></div>
                        <div class="name fl">xxx</div>
                        <div class="visitors fr"><span class="rank">30</span>位客宾</div>
                    </li>
                    <li class="clearfix">
                        <div class="ranking fl">12</div>
                        <div class="head_portrait fl"><img src="../img/touxiang1.png" alt=""></div>
                        <div class="name fl">xxx</div>
                        <div class="visitors fr">30位客宾</div>
                    </li>
                    <li class="clearfix my_ranking">
                        <div class="ranking fl">100</div>
                        <div class="head_portrait fl"><img src="../img/touxiang1.png" alt=""></div>
                        <div class="name fl">我的排名</div>
                        <div class="visitors fr"><span class="rank">30</span>位客宾</div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="into-box">
        <div class="award-box">
            <div class="award_info">
                <div class="master_info">
                    填写囍宴主人信息
                </div>

                <div class="text_put clearfix">
                    <div class="kind fl">真实姓名</div>
                    <input id="you_name" class="text_Put put fl" type="text"/>
                </div>

                <div class="text_put clearfix">
                    <div class="kind fl">联系电话</div>
                    <input id="call" class="text_Put put fl" type="text"/>
                </div>

                <div class="text_put clearfix">
                    <div class="kind fl">囍宴举办地点</div>
                    <input id="site" class="text_Put put fl" type="text"/>
                </div>
                <div class="text_put clearfix">
                    <div class="kind fl">囍宴举办日期</div>
                    <div class="select fl">
                        <span>2016年10月</span>
                        <div class="select_box fl">
                            <div class="select-info"></div>
                            <div class="triangle"></div>
                            <ul class="hide">
                                <li>1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                                <li>6</li>
                                <li>7</li>
                            </ul>
                        </div>
                        <span>日</span>

                    </div>

                </div>

                <div class="data_info">
                    <p>只有于2016年1月1日后进行婚姻登记</p>
                    <p>并在2016年10月1日——10月7日举办婚宴的新人</p>
                    <p>（限广东省、海南省区域）才能入榜噢！</p>
                </div>

                <div class="below text-btn" id="pop">
                    提交
                </div>

            </div>

            <div id="award-pop" class="back hide">
                <div class="pop_box">
                    <div id="submit" class="pop_up hide">
                        <p>提交成功</p>
                        <button class="btn btn_wth_222" id="see-my-ranking">查看我的排名</button>
                        <span class="close iconfont icon-cancel"></span>
                    </div>

                    <div id="anew" class="pop_up hide">
                        <p>提交失败</p>
                        <span class="close iconfont icon-cancel"></span>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<script src="../js/jquery.js" type="text/javascript" charset="UTF-8"></script>
<script src="../js/common.js" type="text/javascript" charset="UTF-8"></script>
<script src="../js/desk.js" type="text/javascript" charset="UTF-8"></script>
<script src="../js/pop-up.js" type="text/javascript" charset="UTF-8"></script>
<script src="../js/way3_desk.js" type="text/javascript" charset="UTF-8"></script>
<script src="../js/award.js" type="text/javascript" charset="UTF-8"></script>
</body>
</html>